/* CSS Document */
* {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
}

html,body {
	width: 100%;
	height: 100%;
}

.column {
	width: 98%;
	height: auto;
	margin: 0px 0px 10px 0px;
	display: block;
	position: relative;
	clear: both;
}


.common-column {
	width: 99%;
	height: auto;
	margin: 0px 0px 10px 0px;
	display: block;
	position: relative;
	clear: both;
}


.top {
	padding: 0px 10px 10px 10px;
	border: 1px solid #e9e9e9;
	border-top: 0;
	line-height: 24px;
	position: relative;
	float: right;
	z-index: 100;
	margin-left: 0px;
	margin-bottom:30px;
	padding-left: 15px;
	width: 98%;
	height: 27px;
	margin-bottom: 6px;
	background: url(../images/topList.png) left center repeat-x;
}






.col-t-h {
	height: 27px;
	width: 100%;
	background: #d9e5fa url(../menu/bg2.gif) repeat-x left bottom;
	float: left;
	min-width: 600px;
	overflow: hidden;
	margin-bottom: 10px;
	border: 1px solid #afcbdf;
	cursor: pointer;
}

.col-h2 {
	width: 120px;
	height: 28px;
	display: block;
	float: left;
	display: block;
	font-size: 13px;
	font-weight: 600;
	line-height: 27px;
	text-indent: 8px;
	text-align: left;
}

.col-t-ul,.col-l-ul {
	display: block;
	float: left;
	width: auto;
}

.col-t-ul {
	overflow: hidden;
	float: right;
	widht: 680px;
}

.col-t-ul li {
	display: block;
	float: left;
	list-style: none;
	height: 25px;
	margin: 1px 8px 0px 8px;
	line-height: 30px;
	padding: 0px 2px 0px 2px
}

.col-t-ul li span {
	display: block;
	width: auto;
	height: 28px;
	line-height: 28px;
	margin: 0px 5px 0px 5px;
	float: left;
}

.col-l-ul-l {
	float: left;
	color: #666;
}

.col-l-ul-r {
	float: right;
}

.col-l-ul-r-textell{
	white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}


.col-l-ul-r-gress {
	width:50%;
	float: right;
	padding-left:3px;
}

.col-main {
	width: 100%;
	text-align: center;
	padding-bottom: 5px;
	overflow: hidden;
}

.col-l-extra {
	width: 28%;
	background: #ebf3f8;
	float: left;
	border: 1px solid #afcbdf;
	height: 150px;
	overflow: hidden;
	clear: none;
}

.col-v-extra {
	width: 32%;
	float: left;
	text-align: left;
	font-size: 15px;
	margin-left: 0px;
	height: 200px;
	overflow: hidden;
	clear: none;
}

.col-v-rate-extra {
	width: 49%;
	float: left;
	text-align: left;
	font-size: 15px;
	margin-left: 0px;
	height: 150px;
	overflow: hidden;
	clear: none;
	border: 1px solid #afcbdf;
	margin: 0px 0px 7px 0px;
}

.col-h-extra {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 15px;
	margin-left: 8px;
	height: 60px;
	overflow: hidden;
	clear: none;
}

.col-l-ul {
	width: 100%;
	overflow: hidden;
	padding-bottom: 7px;
}

.col-l-ul li {
	display: block;
	float: left;
	list-style: none;
	height: 21px;
	margin: 2px 15px 2px 0px;
	line-height: 21px;
	padding: 0px 2px 0px 2px;
	text-align: left;
	width: 96%;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}

.col-r-main {
	width: 75%;
	height: 200px;
	float: right;
	clear: none;
}

.col-r-main .mem {
	width: 71%;
	height: 90px;
	float: right;
	clear: none;
}
/**---*/
.col-net-main {
	width: 50%;
	height: 180px;
	float: left;
	border: 1px solid #afcbdf;
	clear: none;
	text-align: left;
}

/*flash width*/
#load1,#load5,#load15,#cpu1,#cpu2,#cpu3,#cpu4,#mem1,#mem2,#disk1,#disk2,#netsend,#netreceive,#netlostrate,#tcp1,#tcp2,#tcp3,#process1,#process2,#process3
	{
	width: 24px;
	height: 24px;
}

div.aaa {
	clear: both;
	width: 100%;
	float: left;
	margin-left: 0px;
}

.m-b-8 {
	margin-bottom: 8px;
}

#diskListDiv {
	display: blcok;
	float: left;
}

#cpuListDiv li,#diskListDiv li {
	list-style: none;
	height: 25px;
	line-height: 25px;
	display: block;
	border-bottom: dotted #afcbdf 1px;
	float: left;
	width: 100%;
}

#cpuListDiv li span,#diskListDiv li span {
	width: 120px;
	display: blcok;
	float: left;
	margin: 0px 5px 0px 5px;
}

.top {
	padding: 0px 10px 10px 10px;
	border: 1px solid #e9e9e9;
	border-top: 0;
	line-height: 24px;
	position: relative;
	float: right;
	z-index: 100;
	margin-left: 0px;
	padding-left: 15px;
	width: 98%;
	height: 27px;
	margin-bottom: 6px;
	background: url(../images/topList.png) left center repeat-x;
}

.top ul {
	text-decoration: none;
	border-style: none;
	padding: 0;
	margin: 0;
	height: 30px;
	display: block;
}

.top ul li {
	float: right;
	position: relative;
	list-style: none;
	display: block;
	height: 20px;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 26px;
}

.sel-li,.li-a {
	background: #f9f9fb;
	border: 1px solid #d8dadc;
	padding: 2px 10px 2px 10px;
	color: #000;
}

.sel-li {
	background: url(../images/sel-li-a1.png) center center no-repeat;
	padding-bottom: 6px;
	border: 0;
}

.sel-li a {
	color: #fff;
}

.top ul li a {
	outline: none;
	star: expression(this.onFocus =   this.blur () );
	line-height: 20px;
	text-decoration: none;
	height: 20px;
}

.h-400 {
	height: 310px;
	background: #fafafa;
	width: 24%;
}

.h-200 {
	height: 200px;
	background: #fafafa;
	width: 24%;
}

.w-100-h-400 {
	height: 310px;
	background: #fafafa;
	width: 100%;
}

.m-0 {
	margin-top: 0;
	text-align: left;
	border-top: 0;
	background: #dfe8f9;
}

.w-48 {
	width: 48%;
}

.w-7 {
	width: 7%;
	height: 
}

.w-10 {
	width: 10%;
}

.w-15 {
	width: 15%;
	float: left;
	height: 150px;
}

.w-21 {
	width: 21%;
	float: left;
	height: 150px;
}

.w-30 {
	width: 35%;
	float: left;
	margin: 0px 5px 0px 5px;
}

/***-----------------end-------------------**/

a.abtn {
	display: block;
	height: 15px;
	width: 100%;
	overflow: hidden;
	background: url(images/top.gif) center center no-repeat;
	outline: none;
	star: expression(this.onFocus =   this.blur () );
}

a.aleft {
	margin-bottom: 1px;
	background: url(images/down.gif) center center no-repeat;
	
}

a.aright {
	margin-top: 1px;
	
}

#videolistwraper {
	margin: 0px auto;
	overflow: hidden;
	text-align: center;
	position: relative;
}

.videolist {
	text-align: center;
	width: 80%;
	height: 95px;
	overflow: hidden;
	margin: 1px auto 1px;
	position: relative;
}

.videolist ul {
	position: absolute;
	left: 0px;
}

.videolist li {
	height: 20px;
	overflow: hidden;
	margin: 1px auto 1px;
	cursor: pointer;
}

.liselected {
	color: #ff0000;
	backgroud: #ff0000;
}

.p-40 {
	width: 43%;
	float: left;
	border: 0px;
	height: 150px;
	margin: 0px 10px;
}

.p-85 {
	width: 85%;
	float: left;
	border: 0px;
	height: 150px;
	margin: 0px 10px;
}

.p-75 {
	width: 75%;
	float: left;
	border: 0px;
	height: 150px;
	margin: 0px 10px;
}

.p-99 {
	width: 99%;
	float: left;
	border: 0px;
	height: 150px;
	margin: 0px 10px;
}

.f-r {
	float: right;
	border-top: 1px solid #afcbdf
}

.b-1 {
	border: 1px solid #afcbdf;
}

.h-150 {
	height: 150px;
}

.w-100 {
	width: 100%;
}

.w-80 {
	width: 83%;
}

.h-151 {
	height: 150px;
}

#cpuChartDiv,#tcpChartDiv,#swapDiv,#netFlowColChart,#netByteColChart {
	height: 150px;
}

.p-20 {
	margin-bottom: 22px;
}

/*****-------日志页面样式--------****/
.col-log-v-rate-extra {
	width: 79%;
	float: left;
	text-align: left;
	font-size: 15px;
	margin-left: 10px;
	height: 2200px;
	overflow: hidden;
	clear: none;
	margin: 0px 0px 7px 0px;
}

.log-l {
	border: 1px solid #afcbdf;
}

.log-r {
	width: 19%;
	float: right;
}

.h-log-400 {
	height: 2200px;
	background: #fafafa;
	width: 10%;
}

.col-log-r-main {
	width: 88%;
	height: 2200px;
	float: right;
	clear: none;
}

.highlight {
	background-color: #FFFF88;
}

.divTitle {
	margin: 5px 0px;;
	text-align: left;
}

.errorContent {
	text-align: left;
}

.content-li {
	margin-bottom: 20px;
	border-bottom: 1px dotted blue;
}

#timeSec ul li {
	cursor: pointer;
}

.time-selected {
	background: #dfe800;
}

.time-hover {
	background: #00e800;
}

/****--------------------------******/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 10px;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	color: #000;
}

#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(images/up-arrow.png) no-repeat center center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover span {
	background-color: #777;
}

/*****--------end--------------------*/